<template>
  <a-popover position="bottom">
    <div class="list" id="driver-setting" @click="onHandSetting">
      <IconSettings></IconSettings>
    </div>
    <template #content> 配置 </template>
  </a-popover>
</template>

<script setup>
import { ref, h } from "vue";
import { IconSettings } from "@arco-design/web-vue/es/icon";
import SettingDrawer from "./components/SettingDrawer.vue";
import { Drawer } from "@arco-design/web-vue";

function onHandSetting() {
  Drawer.open({
    title: "项目配置",
    content: () => h(SettingDrawer, {}),
    width: 340,
    footer: false
  });
}
</script>

<style lang="less" scoped></style>
